import styled from 'styled-components'

export const StyledWrap = styled.div`
	width: 338px;
	border: 1px solid #eaebec;
	margin-right: 30px;
	display: flex;
	flex-direction: column;
	position: relative;
	.title {
		height: 36px;
		border-bottom: 1px solid #eaebec;
		display: flex;
		align-items: center;
		span {
			align-items: center;
			margin-left: 15px;
		}
	}
	.selected-content {
		flex: 1;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.search-wrap {
		height: 48px;
		margin-bottom: 8px;
		display: flex;
		padding: 0 10px;
		align-items: center;
		justify-content: space-between;
		.input-wrap {
			flex: 1;
		}
	}
	.search-sfu-tips,
	.search-error {
		color: #999;
		position: absolute;
		bottom: 1px;
		left: 10px;
	}
	.search-error {
		color: red;
	}
`
